﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Track your money</title>
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.1/themes/default/easyui.css" />   
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.1/themes/icon.css" />  
<link rel="stylesheet" type="text/css" href="MetroUI/css/modern.css" />
<script src="MetroUI/javascript/accordion.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="MetroUI/javascript/input-control.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery-easyui-1.3.1/jquery.easyui.min.js"></script>  
<script type="text/javascript" src="jquery-easyui-1.3.1/locale/easyui-lang-en.js"></script>
<script src="Scripts/control.js" type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
</head>

<body>

<div  style="position:fixed;top:0; height:60px; width:100%; z-index:100; " class="bg-color-blue">
    <div style="margin-left:10px; margin-top:10px;">  
        <a href="#" id="btnHome"  class="easyui-linkbutton  icon-home" data-options="plain:true"> Home</a> 
        <a href="#" id="btnIncome"  class="easyui-linkbutton icon-plus" data-options="plain:true">Income</a>  
        <a href="#" id="btnExpense"  class="easyui-linkbutton icon-minus" data-options="plain:true">Expense</a>  
        <a href="#" id="btnCategory"  class="easyui-linkbutton icon-grid" data-options="plain:true">Category</a>  
        <a href="#" id="btnSetting"  class="easyui-linkbutton icon-link-2" data-options="plain:true">Logout</a>  
        <!--a href="#" class="easyui-menubutton" data-options="menu:'#mm3'">Settings</a-->  
    </div>  
</div>


<div id="idContent"  style="margin-left:10px; margin-right:10px; margin-top:70px; width:96%; display:none;z-index:0;">
    
    <div style=" border-bottom:1px solid black;">
    <h2>Money Tracker</h2>
    </div>

    <div style="border-bottom:1px solid red;">
        <h3 id="idTitle"></h3>
    </div>
    <button id="idAdd" class="bg-color-red fg-color-white floatbutton " style="position:relative; float:right;">Add</button>
    <button id="idEdit" class="bg-color-red fg-color-white floatbutton" style="position:relative; float:right; display:none;">Edit</button>
    <button id="idDel" class="bg-color-red fg-color-white floatbutton" style="position:relative; float:right; display:none;">Delete</button>
    <img id="idWaiting" src="MetroUI/images/preloader-w8-line-black.gif" /> 
    <div id="idDynamic" />
</div>


<div id="id2Top" style="position:fixed;bottom:20px;right:20px;display:none;border:solid 1px #ccc;cursor:pointer;" onclick="Go2Top();"><img id='img2Top' src="resources/top.png" width="30px;" height="30px" alt="Top" /></div>
</body>
</html>

<script type="text/javascript">
    var CurrentStep = 'Home';

    $(document).ready(function ()
    {
        var size = "12px";
        if (window.innerWidth >= 500)
        {
            size= "16px";
        }
        var css = "font-size:"+size+";  color:white;  height:50px;";
        $('.easyui-linkbutton').attr('style', css);
        $('.easyui-menubutton').attr('style', css);
    });
</script>
